<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

	<h:head>
		<f:facet name="first">
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title>#{text.applicationTitle}</title>
		</f:facet>
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/default.css" />
		<script src="#{request.contextPath}/resources/js/global.js"></script>
		<style>
body {
	padding-top: 200px;
	padding-bottom: 40px;
}

.form-signin {
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
}

.form-signin .ui-panelgrid-footer td {
	text-align: right;
}
</style>
	</h:head>

	<h:body>
		<p:growl autoUpdate="true" sticky="true" />
		<h:form id="loginForm" prependId="false">
			<p:panelGrid columns="2" styleClass="form-signin">
				<f:facet name="header">
                    #{text['title.login']}
                </f:facet>

				<h:outputLabel for="j_username" value="#{text['label.username']}" />
				<p:inputText id="j_username" required="true" requiredMessage="Vui lòng điền tên đăng nhập" />

				<h:outputLabel for="j_password" value="#{text['label.password']}" />
				<p:inputText id="j_password" required="true" requiredMessage="Vui lòng điền mật khẩu" />

				<f:facet name="footer">
					<p:commandButton action="#{loginView.login}" ajax="false" value="Login" icon="ui-icon-check" style="margin:0;" />
				</f:facet>
			</p:panelGrid>
		</h:form>
	</h:body>
</f:view>
</html>